<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<link rel="stylesheet" href="css/mui.min.css">
		<style>
			html,
			body {
				background-color: white;
			}
		</style>
	</head>

	<body>
		<header id="homeheader" class="mui-bar mui-bar-nav">
			<div id="homeheaderdiv">
				<label id="title">联系客服</label>
				<img id="homephone" src="images/首页/页头-电话图标.png" style="width: 25px;" />
				<img id="homeqq" src="images/首页/页头-QQ图标.png" style="width: 25px" />
			</div>

			<div id="">
				<a href="#picture">
					<img id="share" src="images/首页/页头-分享图标.png " />
				</a>
			</div>
			<div id="homeline"></div>

		</header>
		<nav class="mui-bar mui-bar-tab">
			<a id="defaultTab" class="mui-tab-item" data-url="home_home.html">
				<img class="imgNone" src="images/Tabbar/首页选中.png" width="40px" />
			</a>
			<a id="testplayTab" class="mui-tab-item" data-url="home_testplay.html" style="">
				<img class="imgNone" src="images/Tabbar/测试播放未选中.png" width="40px" />
			</a>
			<a id="coinTab" class="mui-tab-item" data-url="home_coin.html">
				<img class="imgNone" src="images/Tabbar/金币账户未选中.png" width="40px" />
			</a>
			<a id="myTab" class="mui-tab-item" data-url="home_my.html">
				<img class="imgNone" src="images/Tabbar/我的未选中.png" width="40px" />
			</a>
		</nav>
		<div class="mui-popover mui-popover-action mui-popover-bottom" id="picture">
			<ul class="mui-table-view">
				<img class="shareimg -mob-share-qq" src="images/首页/qq.png" />
				<img class="shareimg -mob-share-qzone" src="images/首页/QQ空间.png" />
				<img class="shareimg -mob-share-weixin" src="images/首页/微信.png" />
				<img class="shareimg -mob-share-weibo" src="images/首页/微博.png" />

			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#picture"><b style="color: deepskyblue;">取消</b></a>
				</li>
			</ul>
		</div>
		<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=1f903c4990211"></script>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init({
				subpages: [{
					url: 'home_home.html',
					id: 'home_home.html',
					styles: {
						top: '45px', //mui标题栏默认高度为45px；
						bottom: '45px' //默认为0px，可不定义；
					}
				}]

			});
			$(function() {
				$(".mui-tab-item").on("tap", function(e) {
					var obj = $(e.currentTarget);
					var urlStr = obj.attr('data-url');
					var msgView = document.getElementById("home_home.html");
					msgView.src = urlStr;

					var imgs = $(".imgNone");
					imgs.each(function(i, u) {
						var imgobj = $(u);
						var imgSrc = imgobj.attr("src");
						if(imgSrc.indexOf("未选中") == -1) {
							imgSrc = imgSrc.replace("选中", "未选中");
						}
						imgobj.attr("src", imgSrc);
					});

					var imgSrc = obj.find("img").attr("src").replace("未选中", "选中");
					
					obj.find("img").attr("src", imgSrc);

				});

			})
		</script>
	</body>

</html>